<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  {{> includes/head.html }}
</head>
<body>
  {{> includes/header.html }}
  <div class="container-fluid">
    <div class="row">
      <div class="container-fluid col-sm-8">
        <div class="row">
          <div class="col-xs-12">
            {{> includes/userPageHeader.html }}
            <div class="container-fluid comments">
              <div class="row">
                <section class="topic-area list-group">
                  {{#paginationRendered}}
                  <div class="text-center collapse">
                    {{{paginationRendered}}}
                  </div>
                  {{/paginationRendered}}
                  {{#commentList}}
                  <div class="topic-title row container-fluid">
                    <ol class="breadcrumb pull-left">
                      {{^discussion.topic}}
                        <li><em>Topic not available</em></li>
                      {{/discussion.topic}}
                      {{#discussion.topic}}
                        {{#category.isScriptIssue}}
                        <li><a href="{{{category.categoryAuthorPageUrl}}}">{{category.authorName}}</a></li>
                        <li><a href="{{{script.scriptPageUrl}}}">{{category.scriptName}}</a></li>
                        {{/category.isScriptIssue}}
                        {{^category.isScriptIssue}}
                        <li><a href="{{{script.scriptPageUrl}}}">{{script.name}}</a></li>
                        {{/category.isScriptIssue}}
                        <li><a href="{{{category.categoryPageUrl}}}">{{category.name}}</a></li>
                        <li class="active"><a href="{{{discussion.discussionPageUrl}}}">{{discussion.topic}}</a></li>
                      {{/discussion.topic}}
                    </ol>
                  </div>
                  {{> includes/comment.html }}
                  <hr>
                  {{/commentList}}
                  {{^commentList}}
                  <div class="panel">
                    <div class="panel-body">
                      <em>This user hasn't posted any comments yet.</em>
                    </div>
                  </div>
                  {{/commentList}}
                  {{#paginationRendered}}
                  <div class="text-center">
                    {{{paginationRendered}}}
                  </div>
                  {{/paginationRendered}}
                </section>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid col-sm-4">
        {{> includes/searchBarPanel.html }}
      </div>
    </div>
  </div>
  {{> includes/footer.html }}
  {{#paginationRendered}}
    {{> includes/scripts/showTopPagination.html }}
  {{/paginationRendered}}
  {{> includes/scripts/formControlClear.html }}
</body>
</html>
